<template>
  <view class="container">
    <UniNavBar :title="title" />
    <view class="desc">本地代码未修改,只有master分支,直接更新 git pull 但前提必须是本地的代码没更改过。比如,你提交了代码到github后,随后别人也提交代码到 github,然后你需要更新别人提交的代码到你本地</view>
    <view class="question">1、您对我们的价格</view>
    <view class="ask">
      <u-radio-group
        v-model="radiovalue1"
        placement="column"
        activeColor="#6750F8"
      >
        <u-radio
          :customStyle="{marginBottom: '8px'}"
          v-for="(item, index) in radiolist1"
          :key="index"
          :label="item.label"
          :name="item.name"
        >
        </u-radio>
      </u-radio-group>
    </view>

    <view class="question">2、您对我们物业的服务</view>
    <view class="ask">
      <u-radio-group
        v-model="radiovalue2"
        placement="column"
        activeColor="#6750F8"
      >
        <u-radio
          :customStyle="{marginBottom: '8px'}"
          v-for="(item, index) in radiolist2"
          :key="index"
          :label="item.label"
          :name="item.name"
        >
        </u-radio>
      </u-radio-group>
    </view>
    <view class="question">3、您对我们有什么建议</view>
    <view class="">
      <u-textarea v-model="recommend" autoHeight height="100" placeholder="请输入" ></u-textarea>
    </view>
    <view class="ubtn">
      <u-button type="primary" text="提交" @click="save"></u-button>
    </view>
  </view>
</template>

<script>
import UniNavBar from "@/components/uniNavbar/index.vue"
export default {
  name:'questionnaire',
  components:{
    UniNavBar
  },
  data() {
    return {
      title:'满意度调查问卷',
      radiolist1: [{
        label: '可以接受',
        name:1,
        disabled: false
        },{
          label: '不可接受',
          name:2,
          disabled: false
        },{
          label: '其他',
          name:3,
          disabled: false
        }],
      radiovalue1:'',
      radiolist2: [{
        label: '满意',
        name:1,
        disabled: false
        },{
          label: '不满意',
          name:2,
          disabled: false
        },{
          label: '一般',
          name:3,
          disabled: false
        },{
          label: '其他',
          name:4,
          disabled: false
        }],
      radiovalue2:'',
      recommend:'',
    }
  },
  onLoad(options) {
   
  },
  methods:{
    rightClick() {

    },
    save() {
      console.log(this.radiovalue1)
      console.log(this.radiovalue2)
    }
  }
}
</script>

<style lang="scss" scoped>
  .container {
    background: #FFF;
    width:100vw;
    height: auto;
    min-height: 100vh;
    padding: 0 30rpx 100rpx;
    .desc {
      padding:20rpx 0 0;
    }
    .question {
      font-size: 32rpx;
      color: #333;
      margin:30rpx 0 20rpx
    }
    .ask {
      border:1px solid #dedede;
      /deep/ .u-radio {
        border-bottom: 1px solid #dedede;
        padding:30rpx 20rpx;
        margin:0 !important;
        &:last-child {
          border-bottom: 0;
        }
      }
    }
    .ubtn {
      margin-top: 60rpx;
    }
   
  }
</style>